<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>超链接元素</title>
	</head>
	<body>
		<!-- 超链接:实现页面跳转 
		     超链接元素：a
			 超链接属性：必须属性href="路径+全称"
			 超链接有六种表现形式
			 1、跳转至页面：路径+文件全称
			 2、跳转本地#【占位符】
			 3、跳转到互联网页面：http://www.baidu.com
			 4、实现下载：引入压缩包
			 5、跳转至邮箱：mailto508623995@qq.com      软件foxmail
			 6、跳转至JavaScript:javascript:js语法
			 target属性：跳转打开方式
			       属性值：_self默认，当前窗口打开，页面覆盖
				          _parent当前父页面打开，没有父页面效果如上
						  _top在整个浏览器中打开页面，会忽略页面结构，直接占满全屏
						  _blank新打开一个页面，页面不会覆盖
		-->
		<a href="javascript:alert('欢迎学习js')"> 跳转至js </a>
		<a href="mailto:508623995@qq.com">跳转至邮箱</a>
		<a href="1.zip">下载功能</a>
		<a href="http://www.baidu.com"  target="_blank">百度一下，你就知道</a>
		<a href="#">跳转本地</a> <br>
		<a href="大风车.html">大风车</a>
	    <h1>锚点技术</h1>
		<!-- 【返回顶部】锚点具备三要素：1.定义锚点2.锚点距离3.锚点位置 -->
		<!-- 1.定义锚点 -->
		<a href="#abc">人</a>
		<!-- 2.锚点距离  填充页面高度-->
		<div style="height: 1000px;"></div>
		<!-- 3.锚点位  超链接name传参属性【将前台数据传输至后台】
		                 属性值自定
		 -->
		 <a name="abc"><img src="img/1.png" alt="海绵宝宝" /></a>
	</body>
</html>